<template>
	<div>
		<!-- 面包屑预留位置 -->
		<!-- 视图区域 -->
		<el-card>
			<!-- 搜索与添加区域 -->
			<el-row :gutter="20">
				<el-col :span="7">
					<el-input placeholder="请输入文章名"  clearable >
						<el-button slot="append" icon="el-icon-search" ></el-button>
					</el-input>
				</el-col>
			</el-row>
			<!-- 文章列表区域 -->
			<el-table
			      :data="essayData"
			      style="width: 100%"
				  border>
			      <el-table-column
			        prop="bgImg"
			        label="背景图"
			        width="200">
			      </el-table-column>
			      <el-table-column
			        prop="title"
			        label="文章名"
			        width="120">
			      </el-table-column>
			      <el-table-column
			        prop="author"
			        label="作者"
					width="120">
			      </el-table-column>
				  <el-table-column
				    prop="foundTime"
				    label="创建时间"
					width="120">
				  </el-table-column>
				  <el-table-column
				    prop="good"
				    label="点赞数"
					width="120">
				  </el-table-column>
				  <el-table-column
				    label="操作">
					<template slot-scope="scope">
						<el-button>详情</el-button>
						<el-button type="danger" icon="el-icon-delete" circle></el-button>
					</template>
				  </el-table-column>
			    </el-table>
		</el-card>
	</div>
</template>

<script>
	export default{
		data(){
			return{
				essayData:[
					{
						title:'金瓶梅',
						author:'兰陵笑笑生',
						good:100,
						foundTime:'20120203',
						
					}
				]
			}
		}
	}
</script>

<style>
</style>
